<template>
  <div class="student_container">
    <div class="customer_details">
      <div class="customer_title">被审方资料-长沙艺龙培训学校</div>
      <div class="customer_info">
        <div class="customer_info_title"><i></i>基本信息</div>
        <div class="info_box">
          <div class="info_line">
            <div class="info_line">
              <span class="label_span">公司名称</span>
              <div><input v-model="info.name" type="text" placeholder="长沙艺龙职业培训学校"></div>
            </div>
            <div class="info_line">
              <span class="label_span">成立日期</span>
              <div><input type="text" v-model="info.registeredTime" placeholder="2015年7月7日"></div>
            </div>
          </div>
          <div class="info_line">
            <div class="info_line">
              <span class="label_span">公司规模</span>
              <div><input type="text" v-model="info.scale" placeholder="中小型企业"></div>
            </div>
            <div class="info_line">
              <span class="label_span">纳税主体</span>
              <div><input type="text" v-model="info.taxpayer" placeholder="一般纳税人"></div>
            </div>
          </div>
          <div class="info_line">
            <div class="info_line">
              <span class="label_span">等级注册类型</span>
              <div><input type="text" v-model="info.name" placeholder="长沙艺龙职业培训学校"></div>
            </div>
            <div class="info_line">
              <span class="label_span">注册资本</span>
              <div><input type="text" v-model="info.registeredCapital" placeholder="200万元"></div>
            </div>
          </div>
          <div class="info_line only_line">
            <span class="label_span">纳税人识别号</span>
            <div><input type="text" v-model="info.uniformCode" placeholder="914301200548981365"></div>
          </div>
          <div class="info_line only_line">
            <span class="label_span">公司地址/联系电话</span>
            <div><input type="text" v-model="info.phoneNumber" placeholder="长沙主市岳麓区天华路252号  0731-82252480"></div>
          </div>
          <!-- <div class="info_line">
            <span class="label_span">开户行及账号</span>
            <div><input type="text" v-model="info.name" placeholder="914301200548981365"><input style="margin-left: 10px;" type="text"
                placeholder="914301200548981365"></div>
          </div> -->
          <div class="info_line">
            <span class="label_span">经营范围</span>
            <div><div class="textarea">{{info.businessScope}}</div></div>
          </div>
          <div class="info_line">
            <span class="label_span textarea_span">企业简介</span>
            <div><div class="textarea" rows="" v-html="decodeURIComponent(info.description)"></div></div>
          </div>
        </div>
        <!-- <div class="customer_info_title" style="margin-top: 20px;"><i></i>业务承接情况简介</div>
        <div class="info_box">
          <div class="info_line">
            <div class="info_line">
              <span class="label_span">委托人</span>
              <div><input type="text" v-model="info.name" placeholder="长沙艺龙职业培训学校"></div>
            </div>
            <div class="info_line">
              <span class="label_span">审计年报</span>
              <div><input type="text" v-model="info.name" placeholder="2015年7月7日"></div>
            </div>
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
  // import commonHeader from "@/components/header/new_header.vue";
  // import commonHeader from "@/components/header/header.vue";
  // import asideNav from "./components/asideNav.vue";
  // import tags from "./components/tags.vue";
  import {
    mapState
  } from "vuex";
  export default {
    provide() {
      return {
        reload: this.reload,
      };
    },
    name: "customerDetails",
    data() {
      return {
        info:{}
      };
    },
    mounted() {
      console.log("***********")
    },
    components: {
      // commonHeader,
      // asideNav,tags
    },
    computed: {
      ...mapState({
        // userInfo: ["userInfo"],
        // personalDetails: ["personalDetails"],
      }),
    },
    created() {
      // console.log("***********")
      this.GetCaseDetailsInfo();
    },
    methods: {
      GetCaseDetailsInfo(){
        let params = {
          caseId:1295753393586177
        };
        this.$Api.GetCaseDetailsInfo(params)
          .then(res => {
            if (res.code == 200) {
              console.log(res)
              this.info = res.data;
            }
          })
          .catch(err => {
            console.log(err, "err");
          });
      },
    },
    watch: {

    }
  };
</script>

<style lang="less" scoped="scoped">
  .customer_details {
    .customer_title {
      height: 50px;
      line-height: 50px;
      padding-left: 19px;
      box-sizing: border-box;
      color: #222;
      font-size: 16px;
      border-bottom: 1px solid #E5E9F0;
    }

    .customer_info {
      padding: 17px 0 0 20px;
      box-sizing: border-box;

      .customer_info_title {
        height: 22px;
        font-size: 16px;
        font-family: PingFangHK-Medium, PingFangHK;
        font-weight: 500;
        color: #222222;
        line-height: 22px;
        padding-bottom: 20px;

        i {
          display: inline-block;
          width: 7px;
          height: 7px;
          background: #338AFF;
          border-radius: 50%;
          position: relative;
          top: -2px;
          margin-right: 5px;
        }
      }

      .info_box {
        width: 700px;

        .info_line {
          display: flex;

          // align-items: center;
          // line-height: 52px;
          span.label_span {
            width: 120px;
            text-align: right;
            margin-right: 5px;
            font-size: 14px;
            color: #222;
            line-height: 30px;
          }

          span.textarea_span {
            // line-height: 0;
          }

          div {
            flex: 1;

            div.textarea {
              resize: none;
              outline: none;
              width: 560px;
              height: 98px;
              border-radius: 4px;
              border: 1px solid #D6DCE2;
              margin-bottom: 20px;
              padding: 10px;
              padding-top: 5px;
              box-sizing: border-box;
              font-size: 14px;

              &::-webkit-input-placeholder {
                color: #5A6A79;
                font-size: 14px;
                font-family: '微软雅黑';
                position: relative;
                top: -2px;
              }
            }

            input {
              margin-bottom: 20px;
              outline: none;
              width: 220px;
              height: 32px;
              line-height: 32px;
              background: #FFFFFF;
              border-radius: 4px;
              border: 1px solid #D6DCE2;
              padding-left: 10px;
              box-sizing: border-box;
              font-size: 14px;

              &::-webkit-input-placeholder {
                color: #5A6A79;
                font-size: 14px;
              }
            }
          }
        }

        .only_line {
          div {
            input {
              width: 384px;
            }
          }
        }
      }
    }
  }
</style>
